গুগল চার্ট একটি শক্তিশালী এবং বহুল ব্যবহৃত ডেটা ভিজুয়ালাইজেশন লাইব্রেরি, যা বিভিন্ন ধরণের গ্রাফ এবং চার্ট তৈরি করার জন্য ব্যবহৃত হয়। তবে, গুগল চার্টে Boxplot, Violin Plot, এবং Density Plot সরাসরি সমর্থিত নয়। তবে, আপনি Boxplot এবং Density Plot কিছু কাজের মাধ্যমে গুগল চার্টে তৈরি করতে পারেন। Violin Plot এর জন্য অন্য কোনো লাইব্রেরি ব্যবহার করতে হবে, যেমন Plotly বা D3.js।
এখানে আমরা Boxplot, Violin Plot, এবং Density Plot তৈরি করতে কীভাবে গুগল চার্ট ব্যবহার করতে পারি তা বিস্তারিতভাবে আলোচনা করব।
১. Boxplot তৈরি করা (Google Charts)
গুগল চার্টে সরাসরি Boxplot সমর্থন নেই, তবে আপনি Candlestick chart বা Column chart ব্যবহার করে একটি Boxplot তৈরি করতে পারেন। Candlestick chart-এ মূলত High, Low, Open, এবং Close এর মান থাকে, যা Boxplot এর মতো কিছুটা দেখতে পারে।
উদাহরণ: Boxplot সিমুলেট করার জন্য Candlestick Chart ব্যবহার
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {packages: ['corechart', 'candlestick']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('date', 'Date');
data.addColumn('number', 'Min');
data.addColumn('number', 'Q1');
data.addColumn('number', 'Median');
data.addColumn('number', 'Q3');
data.addColumn('number', 'Max');
data.addRows([
[new Date(2020, 0, 1), 30, 40, 50, 60, 70],
[new Date(2020, 1, 1), 35, 45, 55, 65, 75],
[new Date(2020, 2, 1), 32, 42, 52, 62, 72]
]);
var options = {
title: 'Boxplot-like chart using Candlestick',
legend: 'none',
barWidth: 10
};
var chart = new google.visualization.CandlestickChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
এখানে:
- Candlestick Chart ব্যবহার করা হয়েছে যাতে Boxplot এর মতো অনুভূতি পাওয়া যায়।
- Min, Q1, Median, Q3, Max দিয়ে ডেটার বিতরণ দেখানো হচ্ছে।
২. Violin Plot (Google Charts)
গুগল চার্টে সরাসরি Violin Plot সমর্থিত নয়, তবে আপনি এটি তৈরি করতে Boxplot বা Density Plot এর মাধ্যমে কিছুটা সিমুলেশন করতে পারেন। Violin Plot একটি Density Plot এর মতোই, যা ডেটার ঘনত্বকে উল্লম্বভাবে দেখানোর একটি উপায়। Plotly বা D3.js লাইব্রেরি ব্যবহার করলে Violin Plot সহজে তৈরি করা যায়।
Violin Plot এর জন্য Alternative
গুগল চার্টের Density Plot বা Boxplot ব্যবহার করে ভায়োলিন প্লটের কিছুটা অনুভূতি তৈরি করা সম্ভব। Density Plot দেখে আপনি ভায়োলিন প্লটের মতো গ্রাফ তৈরি করার জন্য অন্যান্য লাইব্রেরি ব্যবহার করতে পারেন।
৩. Density Plot তৈরি করা (Google Charts)
গুগল চার্টে Density Plot তৈরি করতে আপনি Histogram বা Line chart ব্যবহার করতে পারেন। ডেটার ঘনত্ব এবং তার পরিবর্তন দেখানোর জন্য আপনি Density Function বা Kernel Density Estimation (KDE) প্রয়োগ করতে পারেন।
উদাহরণ: Density Plot তৈরি করা (Histogram)
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {packages: ['corechart', 'histogram']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Value', 'Frequency'],
[10, 1],
[20, 1],
[30, 2],
[40, 3],
[50, 5],
[60, 8],
[70, 7],
[80, 4],
[90, 3],
[100, 2]
]);
var options = {
title: 'Density Plot-like chart using Histogram',
hAxis: {title: 'Value'},
vAxis: {title: 'Frequency'},
colors: ['#4CAF50']
};
var chart = new google.visualization.Histogram(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
এখানে:
- Histogram ব্যবহার করা হয়েছে একটি Density Plot সিমুলেট করার জন্য, যেখানে x-axis এ ডেটার মান এবং y-axis এ ডেটার ঘনত্ব (Frequency) দেখানো হচ্ছে।
- colors প্রপার্টি দিয়ে ঘনত্বের রঙ পরিবর্তন করা হয়েছে।
সারমর্ম
গুগল চার্টে Boxplot, Violin Plot, এবং Density Plot সরাসরি সমর্থিত নয়, তবে Boxplot এবং Density Plot তৈরি করার জন্য Candlestick chart এবং Histogram ব্যবহার করা যেতে পারে। যদি আপনি একটি Violin Plot তৈরি করতে চান, তবে গুগল চার্টের বাইরে Plotly বা D3.js লাইব্রেরি ব্যবহার করা আরও সুবিধাজনক হবে। গুগল চার্টে এসব গ্রাফ তৈরি করার জন্য বিভিন্ন কৌশল প্রয়োগ করতে হয় এবং আপনার প্রয়োজনে কাস্টম থিম এবং স্টাইলিংয়ের মাধ্যমে আপনার গ্রাফটিকে আরও কার্যকরী এবং চিত্তাকর্ষক করা সম্ভব।
Read more
